import React from 'react'
import SchoolListTable from "../parts/SchoolListTable"
import Inputs from "../parts/Input";
import Data from '../parts/Data'
import Month from '../parts/Month'


const SchoolMessage = () => {
  return <div className='SchoolMessage'>
    <div className='default'>
      <div className='data'>
        <ul className="nav nav-pills" role="tablist">
          <li className="nav-item">
            <a className="nav-link active border" data-bs-toggle="pill" href="#month">月份</a>
          </li>
          <li className="nav-item">
            <a className="nav-link border" data-bs-toggle="pill" href="#date">日期</a>
          </li>
        </ul>
        <div className="tab-content">
          <div id="month" className="container tab-pane active">
            <div>
              <Month />
            </div>
          </div>
          <div id="date" className="container tab-pane fade">
            <div>
              <Data />
            </div>
          </div>
        </div>
        <div>
          <Inputs />
        </div>
        <div className='query'>
          <button className='btn bg-primary'>查询</button>
        </div>
      </div>
    </div>
    <SchoolListTable />
  </div>
}

export default SchoolMessage
